<script setup>
// import HelloWorld from './components/HelloWorld.vue'
// import Option from './components/01-Option.vue'
// import Composition from './components/02-Composition.vue'
// import Setup from './components/03-Setup.vue'
// import Computed from './components/04-Computed.vue'
// import Watch from './components/05-Watch.vue'
// import Life from './components/06-Life.vue'
// import RefDom from './components/07-RefDom.vue'
// import Parent from './components/08-RefParent.vue'
// import Parent from './components/10-Parent.vue'
// import GrandPa from './components/12-GrandPa.vue'
import ToRefs from './components/15-ToRefs.vue'
</script>

<template>
  <!-- <div>
    <a href="https://vitejs.dev" target="_blank">
      <img src="/vite.svg" class="logo" alt="Vite logo" />
    </a>
    <a href="https://vuejs.org/" target="_blank">
      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
    </a>
  </div>
  <HelloWorld msg="Vite + Vue" /> -->
  <!-- <Option /> -->
  <!-- <Composition /> -->
  <!-- <Setup /> -->
  <!-- <Computed /> -->
  <!-- <Watch /> -->
  <!-- <Life /> -->
  <!-- <RefDom /> -->
  <!-- <Parent /> -->
  <!-- <GrandPa /> -->
  <ToRefs />
</template>
